.ModuleGoodsTwoColumn {
  width: 100%;
  box-sizing: border-box;

  :global {
    .goods-container {
      display: flex;
      flex-wrap: wrap;
      justify-content: space-between;

      &.border {
        .goods-item {
          border: 2px solid #e0e0e0;

          .goods-img {
            min-height: 328px;
          }
        }
      }

      &.cards {
        .goods-item {
          background: #fff;
          box-shadow: 0 2px 12px hsla(210, 1%, 40%, .12);
        }
      }

      .goods-item {
        display: flex;
        flex-direction: column;
        border-radius: 0;
        overflow: hidden;
        background: #fff;
        position: relative;

        &:nth-of-type(-n + 2) {
          margin-top: 0;
        }

        .goods-img-wrap {
          width: 100%;
          padding-bottom: 100%;
          background-size: cover;
          background-position: 50%;
          background-repeat: no-repeat;
        }

        .product-price {
          display: flex;
          align-items: baseline;

          height: 44px;
          font-weight: 700;
          line-height: 44px;

          .price-1 {
            font-size: 32px;
          }

          .price-2 {
            font-size: 24px;
          }
        }

        .goods-panel {
          padding: 20px 26px 33px;
          box-sizing: border-box;

          display: flex;
          flex-direction: column;
          flex-grow: 1;
          justify-content: space-between;

          .goods-title-wrap {
            max-width: 100%;
            display: flex;
            flex-direction: column;
          }
        }

        .goods-left-panel {
          .goods-sales {
            margin-top: 18px;

            font-family: PingFangSC-Regular;
            font-size: 22px;
            color: #9e9e9e;
            line-height: 1;
          }

          .goods-line {
            display: flex;
            align-items: center;
            justify-content: space-between;

            margin-top: 20px;

            .goods-price {
              display: flex;
              align-items: baseline;

              .del-price {
                margin-left: 7px;
                font-size: 24px;
                line-height: 1;
                font-weight: 400;

                color: #9e9e9e;
                text-decoration: line-through;
              }
            }

            .goods-cart {
              height: 34px;
              width: 34px;
            }
          }
        }

        .goods-center-panel {
          align-items: center;

          .goods-line {
            display: flex;
            flex-direction: column;
            align-items: center;
            justify-content: space-between;

            .sale-price {
              margin: 20px 0;
            }

            .goods-cart {
              height: 54px;
              width: 180px;

              display: flex;
              justify-content: center;
              align-items: center;

              &.borderRadius {
                border-radius: 28px;
              }

              .txt {
                color: #fff;
                font-size: 22px;
              }
            }
          }
        }
      }
    }
  }
}
